import React, {Component} from 'react'
import {
    StyleSheet, Text,
    View, TouchableOpacity, Image
} from 'react-native'

export default class MineItem extends Component {
    constructor(props) {
        super(props)
        this.state = {}
    }

    render() {
        return (
            <View style={styles.container}>
                <TouchableOpacity>
                    <View style={[styles.content, this.props.style]}>
                        <Image style={styles.imageviewstyle} source={this.props.image}/>
                        <Text style={styles.titleviewstyle}>
                            {this.props.title}
                        </Text>
                        <View style={{flex: 1, backgroundColor: 'blue'}}/>
                        <Text style={{color: '#999999'}}>
                            {this.props.subtitle}
                        </Text>
                        <Image style={styles.rightviewstyle} source={require('../../img/Public/cell_arrow.png')}/>
                    </View>
                </TouchableOpacity>
            </View>
        );
    }
}
const styles = StyleSheet.create({
    container: {
        backgroundColor: 'white',
    },
    content: {
        height: 44,
        flexDirection: 'row',
        alignItems: 'center',
        paddingLeft: 15,
        paddingRight: 10,
    },
    outviewstyle: {
        height: 30,
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'center'
    },
    imageviewstyle: {
        width: 25,
        height: 25,
        marginRight: 10
    },
    titleviewstyle: {
        fontSize: 14,
        color: '#222222',
    },
    contentviewstyle: {},
    rightviewstyle: {
        width: 14,
        height: 14,
        marginLeft: 5,
    }
});

module.exports = MineItem